<html>
<head>
    <title>WARNOID TESTS</title>
    <meta charset="UTF-8">
    <link href="./css/warnoid.css" rel="stylesheet" media="all">
    <!--[if lte IE 7]>
    <link href="./css/warnoid.ie.css" rel="stylesheet" media="all">
    <![endif]-->
    <link href="./css/jquery-ui.min.css" rel="stylesheet" media="all">
    <script type="text/javascript" src="./js/lib/createjs-2013.12.12.min.js"></script>
    <script type="text/javascript" src="./js/lib/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="./js/lib/jquery-ui-1.10.4.custom.min.js"></script>
    <script type="text/javascript" src="./js/lib/soundmanager2-nodebug-jsmin.js"></script>
    <script type="text/javascript" src="./js/main.js"></script>
    <script type="text/javascript" src="./js/renderer.js"></script>
    <script type="text/javascript" src="./js/effects.js"></script>
    <script type="text/javascript" src="./js/gui.js"></script>
    <script type="text/javascript" src="./js/players.js"></script>
    <script type="text/javascript" src="./js/sounds.js"></script>
    <script type="text/javascript" src="./js/debug.js"></script>
    <script type="text/javascript">
        var debugGame = true;
    </script>
</head>
<body id="body">
    <div id="pageContainer">
        <canvas id="canvasGame">Your browser is outdated, please update it or download Google Chrome ><a href="https://www.google.com/intl/en/chrome/browser/" target="_blank">here</a>< for the best experience.</canvas>
        <img id="gameBackground" src="./images/blank.png">
        <div id="guiTop">
            <button class="playerMenu"><span>Menu</span></button>
            <div id="ws_state">
                <div id="ws_icon"></div>
                <div id="ws_status"></div>
                <div id="ws_ping"></div>
                <div id="ws_sentence"></div>
            </div>
            <div id="panelPlayer">
                <div id="player">

                </div>
                <button class="accountBtn"><span>Account</span></button>
                <button class="settingsBtn"><span>Settings</span></button>
                <button class="fullscreenBtn"><span>Fullscreen</span></button>
                <button class="debugBtn"><span>Debug panel</span></button>
            </div>
        </div>
        <div id="debugBar"></div>
    </div>
    <div id="error">
        <h1>Erreur de connexion</h1>
        <p style="padding:10px;">
            Le serveur n'est peut-être pas actif, ou votre connexion n'est pas bonne.<br/>
            Vérifiez aussi que le port 1301 est ouvert sur votre firewall.
        </p>
    </div>
    <div id="intro">
        <h1>Chat de test</h1>
        <div id="connect_error"></div>
        <div class="input">
            <div class="input_title">Votre pseudo</div>
            <div class="input_object"><input type="text" id="nickname"/></div>
        </div>
        <div class="input">
            <div class="input_title">Si enregistré, mot de passe</div>
            <div class="input_object">
                <input type="password" id="password"/>
            </div>
        </div>
        <div class="input_button">
            <input type="button" value="Connexion" onclick="javascript:chat._connect();"/>
        </div>
    </div>
</body>
</html>